import { Link } from 'react-router'
export default React.createClass({
    render() {
        return (
            <div>
                <nav id="J-head" className="site-nav">
                    <a href="/"><img src="src/images/uxcore.png" className="logo"/></a>
                    <ul className="nav-list">
                        <li data-id="start"><a href="/start/base/">开始使用</a></li>
                        <li data-id="css"><a href="/css/base/">样式</a></li>
                        <li data-id="components"><a href="/components/button/">组件</a></li>
                        <li data-id="scene"><a href="/scene/list/">场景</a></li>
                        <li data-id="theme"><a href="/theme/builder">主题</a>
                        </li>
                    </ul>
                    <div id="J_ComponentsSearch" className="component-search">
                        <div data-reactid=".1">
                            <div style={{width:300+'px'}} className="kuma-select2 kuma-select2-enabled" data-reactid=".1.0">
                                <div className="kuma-select2-selection kuma-select2-selection--single" role="combobox" aria-autocomplete="list" aria-haspopup="true"
                                     aria-expanded="false"
                                     tabindex="0"
                                     data-reactid=".1.0.$selection">
                                    <div className="kuma-select2-selection__rendered" data-reactid=".1.0.$selection.0">
                                        <div style={{display:'block'}}
                                             unselectable="unselectable"
                                             className="kuma-select2-selection__placeholder" data-reactid=".1.0.$selection.0.0">搜索组件...
                                        </div>
                                        <div className="kuma-select2-search kuma-select2-search--inline" style={{display:'none'}}
                                             data-reactid=".1.0.$selection.0.1:$input">
                                            <div className="kuma-select2-search__field__wrap"
                                                 data-reactid=".1.0.$selection.0.1:$input.0">
                                                <input
                                                    value="" className="kuma-select2-search__field"
                                                    data-reactid=".1.0.$selection.0.1:$input.0.0"/><span
                                                className="kuma-select2-search__field__mirror"
                                                data-reactid=".1.0.$selection.0.1:$input.0.1"></span>
                                            </div>
                                        </div>
                                    </div>
                    <span className="kuma-select2-arrow"
                          unselectable="unselectable" data-reactid=".1.0.$selection.$arrow"><b
                        data-reactid=".1.0.$selection.$arrow.0"></b></span>
                                </div>
                            </div>
                        </div>
                    </div>
                    <img id="J_ThemeSelector" src="src/images/iconfont-yifuhuanfu.png" className="theme-selector"/>
                </nav>
                <div id="J-main" className="kuma-layout-full site-main">
                    <aside className="site-aside"><h3 className="category-name">基础平台</h3>
                        <ul>

                            <li><Link to="/userManager"><small>用户管理</small></Link></li>

                        </ul>
                        <h3 className="category-name">审批管理</h3>
                        <ul>
                            <li className="current"><Link to="/processDef"><small>流程定义</small></Link></li>

                        </ul>

                    </aside>
                    <article className="site-content">
                        <h2 className="site-demos"> <i className="kuma-icon kuma-icon-yingyong"></i>用户管理</h2>
                        <div id="J_NavBar"></div>

                        <div className="page-demo3">
                            {this.props.children}
                        </div>
                    </article>
                 </div>



            </div>
        )
    }
})